<script setup lang="ts">
const tags = [
    {
        name: '七天'
    },
    {
        name: '一个月'
    },
    {
        name: '三个月'
    },
    {
        name: '半年'
    }
];
const items = [
    { name: '选项1', selectable: true },
    { name: '选项2', selectable: true },
    { name: '选项3', selectable: true },
    { name: '选项4', selectable: true },
    { name: '选项5', selectable: true },
    { name: '选项6', selectable: true },
    { name: '选项7', selectable: true },
    { name: '选项8', selectable: true },
    { name: '选项9', selectable: true },
    { name: '选项10', selectable: true }
];
</script>
<template>
    <f-tags :data="tags" tag-style="capsule"></f-tags>
    <f-tags :data="items" :show-add-button="true" :show-input="true" :show-close="true"></f-tags>
</template>
